<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=7">
<title>淘宝活动首页</title>
<link href="/resource/style/xpdd/front/css/base.css" rel="stylesheet" />
<script src="/resource/style/common/lib/jquery-1.5.1.min.js"></script>
<script src="/resource/js/actjson.js"></script>
<script src="/resource/style/xpdd/front/lib/global.js"></script>

	<style type="text/css">
		.modal {
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.5;
			opacity:.50;
			filter: alpha(opacity=50);
			text-align: center;
		}
		
		.modal span{
			position:absolute;
			left:45%;
			top:40%;
		}
		
		.modal span img{
			vertical-align: middle;
		}
	</style>

</head>
<body>

	<div class="modal">
		<span><img src="/resource/style/common/nyroModal/img/loading_48x47.gif" /></span>
	</div>
	
	<script>
		var site = {};
	
		site.openOverlay = function(){
			jQuery(".modal").css("display", "block");
		};
	
		site.closeOverlay = function(){
			jQuery(".modal").css("display", "none");
		};
	</script>

	<input id="shop" type="hidden" value='${shop}' />
	<input id="buyer" type="hidden" value='${buyer}' />
	<form id="formPlay" name="formPlay" method="post" action="/front/play">
		<input type="hidden" id="dItem" name="dItem" value="123" />
		<input type="hidden" id="dItemName" name="dItemName" value="123" />
	</form>
	<a href="/resource/style/common/nyroModal/img/loading_48x47.gif" class="nyroModal" rev="modal" ></a>
	
	<div class="wrap">
	<div class="header">
	<div class="endtime">距离本次活动结束还剩
	<input type="text" id="rDay" readonly="readonly" value="" />
	天
	<input type="text" id="rHour" readonly="readonly" value="" />
	小时
	<input type="text" id="rMinute" readonly="readonly" value="" />
	分</div>
	<ul class="list_text">
	<li><a href="javascript:void(0)" title="活动公告" onclick="document.getElementById('showWindow2').style.display='';">活动公告</a></li>
	<li><a href="javascript:void(0)" title="活动规则" onclick="document.getElementById('showWindow4').style.display='';">活动规则</a></li>
	<li><a href="javascript:void(0)" title="活动协议" onclick="document.getElementById('showWindow3').style.display='';">活动协议</a></li>
	<li><a href="javascript:void(0)" title="收藏" onclick="favorite();">收藏</a></li>
	</ul>
	</div>
	<div class="container">
	<div class="left_arrow" onclick="showMoreItem(this, -1);" ></div>
	<div class="center_goods">
	<dl>
	<dt><a href="javascript:void(0)" title="商品名称"><img id="iPic0" src="/resource/style/xpdd/front/images/goods.jpg" alt="商品名称" width="96px;" height="130px;" /></a></dt>
	<dd class="goods_name" id="iName0">稍候发布，敬请期待</dd>
	<dd class="marked_price" id="iPrice0"></dd>
	<dd class="btn_price"><a href="javascript:void(0)" onclick="play(this);" title="砍价" id="iPlay0" style="display: none;">砍价</a></dd>
	</dl>
	<dl>
	<dt><a href="javascript:void(0)" title="商品名称"><img id="iPic1" src="/resource/style/xpdd/front/images/goods.jpg" alt="商品名称" width="96px;" height="130px;" /></a></dt>
	<dd class="goods_name" id="iName1">稍候发布，敬请期待</dd>
	<dd class="marked_price" id="iPrice1"></dd>
	<dd class="btn_price"><a href="javascript:void(0)" title="砍价" onclick="play(this);" id="iPlay1" style="display: none;">砍价</a></dd>
	</dl>
	<dl>
	<dt><a href="javascript:void(0)" title="商品名称"><img id="iPic2" src="/resource/style/xpdd/front/images/goods.jpg" alt="商品名称" width="96px;" height="130px;" /></a></dt>
	<dd class="goods_name" id="iName2">稍候发布，敬请期待</dd>
	<dd class="marked_price" id="iPrice2"></dd>
	<dd class="btn_price"><a href="javascript:void(0)" title="砍价" onclick="play(this);" id="iPlay2" style="display: none;">砍价</a></dd>
	</dl>
	<dl>
	<dt><a href="javascript:void(0)" title="商品名称"><img id="iPic3" src="/resource/style/xpdd/front/images/goods.jpg" alt="商品名称" width="96px;" height="130px;" /></a></dt>
	<dd class="goods_name" id="iName3">稍候发布，敬请期待</dd>
	<dd class="marked_price" id="iPrice3"></dd>
	<dd class="btn_price"><a href="javascript:void(0)" title="砍价" onclick="play(this);" id="iPlay3" style="display: none;">砍价</a></dd>
	</dl>
	<dl>
	<dt><a href="javascript:void(0)" title="商品名称"><img id="iPic4" src="/resource/style/xpdd/front/images/goods.jpg" alt="商品名称" width="96px;" height="130px;" /></a></dt>
	<dd class="goods_name" id="iName4">稍候发布，敬请期待</dd>
	<dd class="marked_price" id="iPrice4"></dd>
	<dd class="btn_price"><a href="javascript:void(0)" title="砍价" onclick="play(this);" id="iPlay4" style="display: none;">砍价</a></dd>
	</dl>
	<dl>
	<dt><a href="javascript:void(0)" title="商品名称"><img id="iPic5" src="/resource/style/xpdd/front/images/goods.jpg" alt="商品名称" width="96px;" height="130px;" /></a></dt>
	<dd class="goods_name" id="iName5">稍候发布，敬请期待</dd>
	<dd class="marked_price" id="iPrice5"></dd>
	<dd class="btn_price"><a href="javascript:void(0)" title="砍价" onclick="play(this);" id="iPlay5" style="display: none;">砍价</a></dd>
	</dl>
	</div>
	<div class="right_arrow" onclick="showMoreItem(this, 1);"></div>
	</div>
	<div class="footer">
	<p class="infor" id="iMessage">最新消息： 血拼到底公开试用，欢迎大家提出宝贵意见。</p>
	<div class="link_text"><a href="http://weibo.com/2254679930" title="官方微博" target="_balnk">官方微博</a> <a href="http://bangpai.taobao.com/" title="官方帮派" target="_balnk">官方帮派</a> </div>
	</div>
	</div>
	<!--以下是弹出窗口内容--> 
	
	<!--活动公告弹出窗口-->
	<div id="showWindow2" style="display:none;" class="window_wrap"> <a href="javascript:void(0)" title="活动公告" class="close" onclick="document.getElementById('showWindow2').style.display='none';">关闭</a>
	<h3 class="title">活动公告</h3>
	<div class="content" id="note"></div>
	<div class="bottom"><a href="javascript:void(0)" title="确定" onclick="document.getElementById('showWindow2').style.display='none';">确定</a></div>
	</div>
	
	<!--活动协议弹出窗口-->
	<div id="showWindow3" style="display:none;" class="window_wrap"> <a href="javascript:void(0)" title="活动公告" class="close" onclick="document.getElementById('showWindow3').style.display='none';">关闭</a>
	<h3 class="title">活动协议</h3>
	<div class="content">
		<p>1. “血拼到底”一款淘宝第三方购物互动插件。</p>
		<p>2. 淘宝注册用户即可参加。</p>
		<p>3. 不会对消费者产生任何费用。</p>
		<p>4. 活动产生交易行为，属于店铺和消费者之间的交易，与本插件无关。</p>
	</div>
	<div class="bottom"><a href="javascript:void(0)" title="确定" onclick="document.getElementById('showWindow3').style.display='none';">确定</a></div>
	</div>
	
	<!--活动规则弹出窗口-->
	<div id="showWindow4" style="display:none;" class="window_wrap"> <a href="javascript:void(0)" title="活动公告" class="close" onclick="document.getElementById('showWindow4').style.display='none';">关闭</a>
	<h3 class="title">活动规则</h3>
	<div class="content" id="rule">
		<p>1. 看中宝贝，点击“砍价”。</p>
		<p>2. 输入价格，选取策略，点击“出价”。</p>
		<p>3. 若觉得价格合适，即可点击“成交”。</p>
		<p>4. 每个用户，每种商品均只能“成交”一次。</p>
	</div>
	<div class="bottom"><a href="javascript:void(0)" title="确定" onclick="document.getElementById('showWindow4').style.display='none';">确定</a></div>
	</div>
	
	<!--返回信息弹出窗口-->
	<div id="showWindow5" style="display:none;" class="window_wrap"> <a href="javascript:void(0)" title="活动公告" class="close" onclick="document.getElementById('showWindow5').style.display='none';">关闭</a>
	<div class="content">
	<h3 class="return_infor" id="errorMessage"></h3>
	</div>
	<div class="bottom"><a href="javascript:void(0)" title="确定" onclick="document.getElementById('showWindow5').style.display='none';">确定</a></div>
	</div>
</body>
</html>
